<template>
  <div class="bottom_panel_container">
    <div class="bottom_panel">
      <span>待办事项</span>

      <el-link :underline="false">更多 > </el-link>
    </div>

    <div class="no_data_bottom">
      暂无数据
    </div>
  </div>
</template>

<script>
export default {
  name: 'BottomPanel',
  data() {
    return {
      
    }
  }
}
</script>

<style scoped lang="scss">
.bottom_panel_container {
  padding: 15px;
  box-sizing: border-box;


  .bottom_panel {
    display: flex;
    justify-content: space-between;
    align-items: center;

    span {
      font-weight: bold;
      font-size: 16px;
    }
  
    i {
      cursor: pointer;
      font-style: normal;
      font-size: 14px;
      color: #767676;
    }
  }

  .no_data_bottom {
    height: calc(100% - 15px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #767676;
    overflow: auto;
  }
}
</style>